<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
<%@ include file="/common/importJsCss.jsp" %>
  </head>  
 <body data-spy="scroll" data-target=".bs-docs-sidebar">
	<div class="container">
		<div class="row">
      <div class="span3 bs-docs-sidebar">
        <ul id="docNavList" class="nav nav-list bs-docs-sidenav affix"></ul>
      </div>
      <div class="span9">
        <section id="hello">
          <p>第一个程序</p>
<pre class="prettyprint linenums">
//manifest.json:
{
  "name": "Hello World",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "http://api.flickr.com/"
  ]
}
</pre>
        </section>
        <hr class="bs-docs-separator">
        <section id="browserAction">
          <p>扩展实例</p>
<pre class="prettyprint linenums">
//manifest.json:
{
  "name": "我的扩展实例",
  "version": "1.0",
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "browser_action": {
      "default_title": "Set this page's color.",
      "default_icon": "icon.png",
      "popup": "popup.html"
  }
}
</pre>
        </section>
        <hr class="bs-docs-separator">
        <section id="optionsPages">
          <p>选项页面</p>
<pre class="prettyprint linenums">
//manifest.json:
{
  "name": "My extension",
  "version": "1.0",
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "browser_action": {
      "default_title": "Set this page's color.",
      "default_icon": "icon.png",
      "popup": "popup.html"
  },
  "options_page": "options.html"
}
</pre>
        </section> 
        <hr class="bs-docs-separator">
        <section id="overridePages">
          <p>重置页面</p>
<pre class="prettyprint linenums">
//manifest.json:
{
  "name": "空白的新标签页",
  "version": "0.1",
  "chrome_url_overrides": {
    "newtab": "blank.html"
  }
}
</pre>
        </section> 
        <hr class="bs-docs-separator">
        <section id="pageActions">
          <p>地址栏图标</p>
<pre class="prettyprint linenums">
//manifest.json:
{
  "name" : "Page action by content",
  "version" : "1.1",
  "description" : "Shows a page action for HTML pages containing the word 'sandwich'",
  "background" : {
    "scripts": ["background.js"]
  },
  "page_action" :
  {
    "default_icon" : "sandwich-19.png",
    "default_title" : "There's a 'sandwich' in this page!"
  },
  "content_scripts" : [
    {
      "matches" : [
        "http://*/*",
        "https://*/*"
      ],
      "js" : ["contentscript.js"],
      "run_at" : "document_idle",
      "all_frames" : false
    }
  ],
  "icons" : {
    "48" : "sandwich-48.png",
    "128" : "sandwich-128.png"
  },
  "manifest_version": 2
}
</pre>
        </section> 
        <hr class="bs-docs-separator">
        <section id="bookmarks">
          <p>书签</p>
<pre class="prettyprint linenums">
//manifest.json:
{
  "name": "My Bookmarks",
  "version": "1.0",
  "description": "A browser action with a popup dump of all bookmarks, including search, add, edit and delete.",
  "permissions": [
    "bookmarks"
  ],
  "browser_action": {
      "default_title": "My Bookmarks.",
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
  "manifest_version": 2,
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
}
</pre>
        </section>                                                                                                            
      </div>
     </div>
    </div> 
  </body>
</html>
